<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width,initial-scale=1" />
		<link rel="stylesheet" type="text/css" href="css/shoubiao.css" />
		<script type="text/javascript" src="js/jquery-3.0.0.js" ></script>
		<style type="text/css"></style>
		<title>TATA首页</title>
	</head>

	<body style="margin: 0;padding: 0;font-family: '微软雅黑';">
		<div class="logobox">
			<img src="img/LOGO.png" />
			<hr />
		</div>
		<div class="daohangbox">
			<a>
				<div class="somebox1">首页</div>
				<div class="somebox2">HOME</div>
			</a>
			<a>
				<div class="somebox1">女士专区</div>
				<div class="somebox2">WOMEN</div>
			</a>
			<a>
				<div class="somebox1">男士专区</div>
				<div class="somebox2">MEN</div>
			</a>
			<a>
				<div class="somebox1">产品总览</div>
				<div class="somebox2">PRODUCT</div>
			</a>
			<a>
				<div class="somebox1">明星代言</div>
				<div class="somebox2">STAR</div>
			</a>
			<a>
				<div class="somebox3"></div>
				<div class="somebox3" style="border-right: none;"></div>
			</a>
		</div>
		<div class="bannerbox">
			<div class="banner">
				<img class="anniu" src="img/shoubiao2.jpg" />
				<img class="dis anniu" src="img/shoubiao.jpg" />
				<ul class="aba">
					<li class="aaa"></li>
					<li class="aaa"></li>
				</ul>
			</div>
			<script>
			$(function(){
				$(".aaa").mousemove(function(){
					var jiushiwo = $(".aaa").index(this);
					$(".anniu").hide();
					$(".anniu").eq(jiushiwo).show();
				})
			})
			</script>
		</div>
		<div class="banner1">
			<div class="sssb aca">时尚手表</div>
			<div class="sssb1 aca">品牌手表</div>
		</div>
		<div class="chanp">
			<div style="margin-bottom: 15px;">
				<img src="img/sb10.jpg" class="fllf"/>
				<div class="chanp1">
					<div class="chanp11"><b>简约时尚大表盘</b></div>
					<div class="chanp11">
						<p>简约的线条流动在低调的金属光泽之中</p>
						<p>大气表盘蔓延出精简的欧美风情</p>
					</div>	
			    </div>
				
				<div class="chanp2">
					<div class="texta"><b>配置说明</b></div>
					<div class="texta">
						<p>型       号：      1096</p>
						<p>镜       面：      矿物强化镜面</p>
						<p>表       壳：      优质合金表壳</p>
						<p>表       带：      柔软舒适皮带</p>
						<p>机       芯：      原装石英机芯</p>
					</div>	
				</div>
				<img src="img/sb12.jpg" class="flri"/>
			</div>
		</div>
		<div class="chanp dis">
			<div style="margin-bottom: 15px;">
				<img src="img/sb13.jpg" class="fllf"/>
				<div class="chanp1">
					<div class="chanp11"><b>品牌优质之选</b></div>
					<div class="chanp11">
						<p>高贵典雅、气质非凡</p>
						<p>品牌的效应不止在于外观</p>
						<p>更注重内涵</p>
					</div>	
			    </div>
				
				<div class="chanp2">
					<div class="texta"><b>配置说明</b></div>
					<div class="texta">
						<p>型       号：      1011</p>
						<p>镜       面：      宝石强化镜面</p>
						<p>表       壳：      优质合金表壳</p>
						<p>表       带：      柔软舒适皮带</p>
						<p>机       芯：      纯蓝宝石机芯</p>
					</div>	
				</div>
				<img src="img/sb14.jpg" class="flri"/>
			</div>
		</div>
		<script>
			$(function(){
				$(".aca").click(function(){
					var jiue= $(".aca").index(this);
					$(".chanp").hide();
					$(".chanp").eq(jiue).show();
				})
			})
		</script>
		<div class="dibu1"></div>
		<div class="dibu2"></div>
		<div class="dibu3"></div>
		<div class="dibu4">© TATA2016 沪ICP备10011451号</div>
	</body>

</html>